<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> Industrial & Factory Bootstrap 5 Template</title>

    <!-- ::::::::::::::Favicon icon::::::::::::::-->
    

    <!-- ::::::::::::::All CSS Files here :::::::::::::: -->
    <!-- Vendor CSS -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/icofont.min.css"> -->

    <!-- Plugin CSS -->
    <!-- <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/nice-select.css">
    <link rel="stylesheet" href="assets/css/plugins/venobox.min.css">
    <link rel="stylesheet" href="assets/css/plugins/aos.min.css"> -->

    <!-- Main CSS -->
    <!-- <link rel="stylesheet" href="assets/css/style.css"> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <link rel="stylesheet" href="static/css/vendor.min.css">
    <link rel="stylesheet" href="static/css/plugins.min.css">
    <link rel="stylesheet" href="static/css/style.min.css">
</head>

<body>

    <main class="main-wrapper">

        <!-- .....:::::: Start Header Section :::::.... -->
        <header class="header-section d-none d-lg-block">

            <!-- Start Header Top -->
            <div class="header-top">
                <div class="container">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-auto">
                            <!-- Start Header Top Left  -->
                            <div class="header-top-left">
                                <p>Welcome to our company.</p>
                            </div>
                            <!-- End Header Top Left  -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Top Right  -->
                            <div class="header-top-right">
                                <p> <span class="text">Opening Hours: </span> <span>Mon - Sat </span> || <span>08:00 am
                                        - 05:00 pm</span></p>
                            </div>
                            <!-- End Header Top Right  -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Header Top -->

            <!-- Start Header Bottom -->
            <div class="header-bottom sticky-header">
                <div class="container">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-auto">
                            <!-- Start Header Logo -->
                            <div class="logo"><a href="index.html"><img src="static/picture/logo.png" alt=""></a>
                            </div>
                            <!-- End Header Logo -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Logo -->
                            <ul class="header-nav">
                                <li><a href="index.html">Home</a></li>
                                <li class="has-dropdown">
                                    <a href="service-list.html">Service</a>
                                    <ul class="submenu">
                                        <li><a href="service-list.html">Services</a></li>
                                        <li><a href="service-details.html">Service Details</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a href="project-list.html">Project</a>
                                    <ul class="submenu">
                                        <li><a href="project-list.html">Project</a></li>
                                        <li><a href="project-details.html">Project Details</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a href="">Blog</a>
                                    <ul class="submenu">
                                        <li><a href="">Blog List Full Width</a></li>
                                        <li><a href="blog-list-sidebar-left.html">Blog List Left Sidebar</a></li>
                                        <li><a href="blog-list-sidebar-right.html">Blog List Right Sidebar</a></li>
                                        <li><a href="blog-details.html">Blog Details Full Width</a></li>
                                        <li><a href="blog-details-sidebar-left.html">Blog Details Left Sidebar</a></li>
                                        <li><a href="blog-details-sidebar-right.html">Blog Details Right Sidebar</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a href="#">Pages</a>
                                    <ul class="submenu">
                                        <li><a href="404-page.html">404 Page</a></li>
                                        <li><a href="price.html">Price</a></li>
                                        <li><a href="about.html">About Us</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                            <!-- End Header Logo -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Social Link -->
                            <ul class="social-link social-link-white">
                                <li><a target="_blank" href="javascript:;"><i class="icofont-facebook"></i></a>
                                </li>
                                <li><a target="_blank" href="javascript:;"><i class="icofont-twitter"></i></a>
                                </li>
                                <li><a target="_blank" href="javascript:;"><i class="icofont-skype"></i></a></li>
                            </ul>
                            <!-- Start Header Social Link -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Header Bottom -->
        </header>
        <!-- .....:::::: End Header Section :::::.... -->

        <!-- .....:::::: Start Mobile Header Section :::::.... -->
        <div class="mobile-header d-block d-lg-none">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col">
                        <div class="mobile-logo">
                        <a href="index.html"><img src="static/picture/logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col">
                        <div class="mobile-action-link text-end">
                        <a href="#mobile-menu-offcanvas" class="offcanvas-toggle offside-menu"><i class="icofont-navigation-menu"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: Start MobileHeader Section :::::.... -->

        <!--  Start Offcanvas Mobile Menu Section -->
        <div id="mobile-menu-offcanvas" class="offcanvas offcanvas-rightside offcanvas-mobile-menu-section">
            <!-- Start Offcanvas Header -->
            <div class="offcanvas-header text-end">
                <button class="offcanvas-close"><i class="icofont-close-line"></i></button>
            </div> <!-- End Offcanvas Header -->
            <!-- Start Offcanvas Mobile Menu Wrapper -->
            <div class="offcanvas-mobile-menu-wrapper">
                <!-- Start Mobile Menu  -->
                <div class="mobile-menu-bottom">
                    <!-- Start Mobile Menu Nav -->
                    <div class="offcanvas-menu">
                        <ul>
                            <li>
                                <a href="index.html"><span>Home</span></a>
                            </li>
                            <li>
                                <a href="#"><span>Services</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="service-list.html">Service List</a></li>
                                    <li><a href="service-details.html">Service Details</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><span>Project</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="project-list.html">Project List</a></li>
                                    <li><a href="project-details.html">Project Details</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><span>Blog</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="">Blog List Full Width</a></li>
                                    <li><a href="blog-list-sidebar-left.html">Blog List Left Sidebar</a></li>
                                    <li><a href="blog-list-sidebar-right.html">Blog List Right Sidebar</a></li>
                                    <li><a href="blog-details.html">Blog Details Full Width</a></li>
                                    <li><a href="blog-details-sidebar-left.html">Blog Details Left Sidebar</a></li>
                                    <li><a href="blog-details-sidebar-right.html">Blog Details Right Sidebar</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><span>Pages</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="404-page.html">404 Page</a></li>
                                    <li><a href="price.html">Price</a></li>
                                    <li><a href="about.html">About Us</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="contact.html"><span>Contact</span></a>
                            </li>
                        </ul>
                    </div> <!-- End Mobile Menu Nav -->
                </div> <!-- End Mobile Menu -->

                <!-- Start Mobile contact Info -->
                <div class="mobile-contact-info text-center">
                    <ul class="social-link social-link-white">
                        <li><a target="_blank" href="javascript:;"><i class="icofont-facebook"></i></a>
                        </li>
                        <li><a target="_blank" href="javascript:;"><i class="icofont-twitter"></i></a>
                        </li>
                        <li><a target="_blank" href="javascript:;"><i class="icofont-skype"></i></a></li>
                    </ul>
                </div>
                <!-- End Mobile contact Info -->

            </div> <!-- End Offcanvas Mobile Menu Wrapper -->
        </div> 
        <!-- ...:::: End Offcanvas Mobile Menu Section:::... -->

        <!-- Offcanvas Overlay -->
        <div class="offcanvas-overlay"></div>

        <!-- .....:::::: Start Breadcrumb Section :::::.... -->
        <div class="breadcrumb-section">
            <div class="breadcrumb-wrapper">
                <div class="image"><img src="static/picture/breadcrumb.png" alt=""></div>
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="content">
                                <h2 class="title">Our Blog</h2>
                                <ol class="breadcrumb-link">
                                    <li><a href="">Blog</a></li>
                                    <li class="active" aria-current="page">Blog List</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>            
            </div>
        </div>
        <!-- .....:::::: End Breadcrumb Section :::::.... -->

        <!-- .....:::::: Start Blog Feed Display Section :::::.... -->
        <div class="blog-section section-inner-gap section-fluid">
            <div class="blog-section-wrapper">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xxl-4 col-sm-6 col-12">
                            <!-- Start Blog Feed Single Item  -->
                            <div class="blog-feed-slider-single-item swiper-slide">
                                <a href="blog-details.html" class="image">
                                    <img src="static/picture/blog-list-img-1.png" alt="">
                                </a>
    
                                <div class="content">
                                    <ul class="blog-meta meta-box">
                                        <li><a href="#" class="date icon-space-right"><i class="icofont-ui-calendar"></i> <span class="text">05.02.2021</span></a></li>
                                        <li><a href="#" class="like icon-space-right"><i class="icofont-heart"></i><span class="text">05K</span></a></li>
                                        <li><a href="#" class="comment icon-space-right"><i class="icofont-comment"></i><span class="text">2K</span></a></li>
                                    </ul>
    
                                    <h3 class="title"><a href="blog-details.html">Business plan will help you figure out
                                            how much money you’ll need to start.</a></h3>
    
                                    <a href="blog-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>read more <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Blog Feed Single Item  -->
                        </div>
                        <div class="col-xxl-4 col-sm-6 col-12">
                            <!-- Start Blog Feed Single Item  -->
                            <div class="blog-feed-slider-single-item swiper-slide">
                                <a href="blog-details.html" class="image">
                                    <img src="static/picture/blog-list-img-2.png" alt="">
                                </a>
    
                                <div class="content">
                                    <ul class="blog-meta meta-box">
                                        <li><a href="#" class="date icon-space-right"><i class="icofont-ui-calendar"></i> <span class="text">03.02.2023</span></a></li>
                                        <li><a href="#" class="like icon-space-right"><i class="icofont-heart"></i><span class="text">08K</span></a></li>
                                        <li><a href="#" class="comment icon-space-right"><i class="icofont-comment"></i><span class="text">15K</span></a></li>
                                    </ul>
    
                                    <h3 class="title"><a href="blog-details.html">The Truth About Power Is About To Be Revealed.</a></h3>
    
                                    <a href="blog-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>read more <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Blog Feed Single Item  -->
                        </div>
                        <div class="col-xxl-4 col-sm-6 col-12">
                            <!-- Start Blog Feed Single Item  -->
                            <div class="blog-feed-slider-single-item swiper-slide">
                                <a href="blog-details.html" class="image">
                                    <img src="static/picture/blog-list-img-3.png" alt="">
                                </a>
    
                                <div class="content">
                                    <ul class="blog-meta meta-box">
                                        <li><a href="#" class="date icon-space-right"><i class="icofont-ui-calendar"></i> <span class="text">06.02.2021</span></a></li>
                                        <li><a href="#" class="like icon-space-right"><i class="icofont-heart"></i><span class="text">03K</span></a></li>
                                        <li><a href="#" class="comment icon-space-right"><i class="icofont-comment"></i><span class="text">02K</span></a></li>
                                    </ul>
    
                                    <h3 class="title"><a href="blog-details.html">The Millionaire Guide On Fuel To Help You Get Rich.</a></h3>
    
                                    <a href="blog-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>read more <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Blog Feed Single Item  -->
                        </div>
                        <div class="col-xxl-4 col-sm-6 col-12">
                            <!-- Start Blog Feed Single Item  -->
                            <div class="blog-feed-slider-single-item swiper-slide">
                                <a href="blog-details.html" class="image">
                                    <img src="static/picture/blog-list-img-4.png" alt="">
                                </a>
    
                                <div class="content">
                                    <ul class="blog-meta meta-box">
                                        <li><a href="#" class="date icon-space-right"><i class="icofont-ui-calendar"></i> <span class="text">12.03.2021</span></a></li>
                                        <li><a href="#" class="like icon-space-right"><i class="icofont-heart"></i><span class="text">10K</span></a></li>
                                        <li><a href="#" class="comment icon-space-right"><i class="icofont-comment"></i><span class="text">05K</span></a></li>
                                    </ul>
    
                                    <h3 class="title"><a href="blog-details.html">12 Stats About Power to Make You Look Smart Around the Water Cooler</a></h3>
    
                                    <a href="blog-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>read more <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Blog Feed Single Item  -->
                        </div>
                        <div class="col-xxl-4 col-sm-6 col-12">
                            <!-- Start Blog Feed Single Item  -->
                            <div class="blog-feed-slider-single-item swiper-slide">
                                <a href="blog-details.html" class="image">
                                    <img src="static/picture/blog-list-img-5.png" alt="">
                                </a>
    
                                <div class="content">
                                    <ul class="blog-meta meta-box">
                                        <li><a href="#" class="date icon-space-right"><i class="icofont-ui-calendar"></i> <span class="text">21.02.2021</span></a></li>
                                        <li><a href="#" class="like icon-space-right"><i class="icofont-heart"></i><span class="text">07K</span></a></li>
                                        <li><a href="#" class="comment icon-space-right"><i class="icofont-comment"></i><span class="text">2.5K</span></a></li>
                                    </ul>
    
                                    <h3 class="title"><a href="blog-details.html">17 Superstars We'd Love to Recruit for Our Power Team</a></h3>
    
                                    <a href="blog-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>read more <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Blog Feed Single Item  -->
                        </div>
                        <div class="col-xxl-4 col-sm-6 col-12">
                            <!-- Start Blog Feed Single Item  -->
                            <div class="blog-feed-slider-single-item swiper-slide">
                                <a href="blog-details.html" class="image">
                                    <img src="static/picture/blog-list-img-6.png" alt="">
                                </a>
    
                                <div class="content">
                                    <ul class="blog-meta meta-box">
                                        <li><a href="#" class="date icon-space-right"><i class="icofont-ui-calendar"></i> <span class="text">23.02.2021</span></a></li>
                                        <li><a href="#" class="like icon-space-right"><i class="icofont-heart"></i><span class="text">20K</span></a></li>
                                        <li><a href="#" class="comment icon-space-right"><i class="icofont-comment"></i><span class="text">1.7K</span></a></li>
                                    </ul>
    
                                    <h3 class="title"><a href="blog-details.html">The Mining Awards: The Best, Worst, and Weirdest Things We've Seen</a></h3>
    
                                    <a href="blog-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>read more <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Blog Feed Single Item  -->
                        </div>
                        <div class="col-xxl-4 col-sm-6 col-12">
                            <!-- Start Blog Feed Single Item  -->
                            <div class="blog-feed-slider-single-item swiper-slide">
                                <a href="blog-details.html" class="image">
                                    <img src="static/picture/blog-list-img-7.png" alt="">
                                </a>
    
                                <div class="content">
                                    <ul class="blog-meta meta-box">
                                        <li><a href="#" class="date icon-space-right"><i class="icofont-ui-calendar"></i> <span class="text">16.03.2021</span></a></li>
                                        <li><a href="#" class="like icon-space-right"><i class="icofont-heart"></i><span class="text">07K</span></a></li>
                                        <li><a href="#" class="comment icon-space-right"><i class="icofont-comment"></i><span class="text">15K</span></a></li>
                                    </ul>
    
                                    <h3 class="title"><a href="blog-details.html">Business plan will help you figure out
                                            how much money you’ll need to start.</a></h3>
    
                                    <a href="blog-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>read more <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Blog Feed Single Item  -->
                        </div>
                        <div class="col-xxl-4 col-sm-6 col-12">
                            <!-- Start Blog Feed Single Item  -->
                            <div class="blog-feed-slider-single-item swiper-slide">
                                <a href="blog-details.html" class="image">
                                    <img src="static/picture/blog-list-img-8.png" alt="">
                                </a>
    
                                <div class="content">
                                    <ul class="blog-meta meta-box">
                                        <li><a href="#" class="date icon-space-right"><i class="icofont-ui-calendar"></i> <span class="text">03.02.2023</span></a></li>
                                        <li><a href="#" class="like icon-space-right"><i class="icofont-heart"></i><span class="text">01K</span></a></li>
                                        <li><a href="#" class="comment icon-space-right"><i class="icofont-comment"></i><span class="text">0.5K</span></a></li>
                                    </ul>
    
                                    <h3 class="title"><a href="blog-details.html">Watch Out: How Mining Is Taking Over and What to Do About It</a></h3>
    
                                    <a href="blog-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>read more <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Blog Feed Single Item  -->
                        </div>
                        <div class="col-xxl-4 col-sm-6 col-12">
                            <!-- Start Blog Feed Single Item  -->
                            <div class="blog-feed-slider-single-item swiper-slide">
                                <a href="blog-details.html" class="image">
                                    <img src="static/picture/blog-list-img-9.png" alt="">
                                </a>
    
                                <div class="content">
                                    <ul class="blog-meta meta-box">
                                        <li><a href="#" class="date icon-space-right"><i class="icofont-ui-calendar"></i> <span class="text">03.02.2023</span></a></li>
                                        <li><a href="#" class="like icon-space-right"><i class="icofont-heart"></i><span class="text">06K</span></a></li>
                                        <li><a href="#" class="comment icon-space-right"><i class="icofont-comment"></i><span class="text">0.2K</span></a></li>
                                    </ul>
    
                                    <h3 class="title"><a href="blog-details.html">7 Answers to the Most Frequently Asked Questions About Mining</a></h3>
    
                                    <a href="blog-details.html" class="btn btn-sm btn-outline-primary text-uppercase">
                                        <span>read more <i class="icofont-double-right icon-space-left"></i></span> </a>
                                </div>
                            </div>
                            <!-- End Blog Feed Single Item  -->
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="pagination-wrapper">
                                <ul class="pagination-nav">
                                    <li class="prev"><a href="#"><i class="icofont-rounded-double-left"></i></a></li>
                                    <li class="active"><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                    <li class="next"><a href="#"><i class="icofont-rounded-double-right"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: End Blog Feed Display Section :::::.... -->

        <!-- .....:::::: Start Footer Section :::::.... -->
        <footer class="footer-section footer-bg">
            <!-- Start Footer Top -->
            <div class="footer-top">
                <div class="container">
                    <div class="footer-top-wrapper">
                        <!-- Start Footer Logo -->
                        <a href="index.html" class="logo">
                            <img class="img-fluid" src="static/picture/logo-dark.png" alt="">
                        </a>
                        <!-- End Footer Logo -->

                        <!-- Start Footer Newsletter -->
                        <div class="newsletter">
                            <div class="content">
                                <h4 class="title-tag text-gradient">SUBSCRIBE NOW</h4>
                                <h3 class="sub-title">GET UPDATE EVERYTHING</h3>
                            </div>
                            <div class="newsletter-form">
                                <form class="newsletter-form-group" action="#" method="post">
                                    <input type="email" placeholder="Enter your email" required="">
                                    <button class="newsletter-submit-btn text-gradient" type="submit"><i class="icofont-paper-plane"></i></button>
                                </form>
                            </div>
                        </div>
                        <!-- Start Footer Newsletter -->
                        <!-- <div class="bg-color-dark-red"></div> -->
                    </div>
                </div>
                <div class="bg-color-bold-red"></div>
            </div>
            <!-- Start Footer Top -->

            <!-- Start Footer Center -->
            <div class="footer-center section-top-space">
                <div class="container">
                    <div class="row justify-content-xl-between">
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">CONTACT US</h3>

                                <ul class="footer-about">
                                    <li>
                                        <div class="text"><span class="text-marker">Location:</span>Your address goes here.</div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Phone:</span><a href="tel:+0123456789">0123456789</a></div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Web:</span><a href="javascript:;">www.example.com</a></div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Email:</span> <a href="mailto:demo@example.com">demo@example.com</a> </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">RECENT NEWS</h3>

                                <ul class="footer-blog">
                                    <li>
                                        <a href="blog-details.html" class="image">
                                            <img src="static/picture/blog-list-img-1.png" alt="">
                                        </a>
                                        <div class="content">
                                            <a class="title" href="blog-details.html">Lorem Ipsum simply dumme printing and type industry.</a>
                                            <span class="date">03 February, 2023</span>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="blog-details.html" class="image">
                                            <img src="static/picture/blog-list-img-1.png" alt="">
                                        </a>
                                        <div class="content">
                                            <a class="title" href="blog-details.html">Lorem Ipsum simply dumme printing and type industry.</a>
                                            <span class="date">03 February, 2023</span>
                                        </div>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">OUR SERVICES</h3>
                                <ul class="footer-nav">
                                    <li><a href="#">Energy & Utilities</a></li>
                                    <li><a href="#">Industrial Manufacturing</a></li>
                                    <li><a href="#">Industrial Automation</a></li>
                                    <li><a href="#">Mechanical Engineering</a></li>
                                    <li><a href="#">Industrial Construction</a></li>
                                    <li><a href="#">Oil & Gas Energy</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">QUICK LINKS</h3>
                                <ul class="footer-nav">
                                    <li><a href="#">Company</a></li>
                                    <li><a href="#">Help Center</a></li>
                                    <li><a href="#">Management</a></li>
                                    <li><a href="#">Our Team</a></li>
                                    <li><a href="#">Career</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Start Footer Center -->

            <!-- Start Footer Bottom -->
            <div class="footer-bottom ">
                <div class="container">
                    <div class="row justify-content-md-between justify-content-center align-items-center flex-column-reverse flex-md-row">
                        <div class="col-auto">
                            <div class="footer-bottom-left">
                                <div class="footer-copyright">
                                    <p class="copyright-text">Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto">
                            <div class="footer-bottom-right">
                                <ul class="footer-soacial">
                                    <li><a href="javascript:;" target="_blank">Facebook</a></li>
                                    <li><a href="javascript:;" target="_blank">Twitter</a></li>
                                    <li><a href="javascript:;" target="_blank">Instagram</a></li>
                                    <li><a href="javascript:;" target="_blank">LinkedIn</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Start Footer Bottom -->
        </footer>
        <!-- .....:::::: End Footer Section :::::.... -->

    </main>

    <!-- material-scrolltop button -->
    <button class="material-scrolltop" type="button"></button>


    <!-- ::::::::::::::All JS Files here :::::::::::::: -->
    <!-- Global Vendor, plugins JS -->
    <!-- <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
    <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <script src="assets/js/vendor/jquery-ui.min.js"></script> -->

    <!--Plugins JS-->
    <!-- <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/material-scrolltop.js"></script>
    <script src="assets/js/plugins/jquery.nice-select.min.js"></script>
    <script src="assets/js/plugins/images-loaded.min.js"></script>
    <script src="assets/js/plugins/isotope.pkgd.min.js"></script>
    <script src="assets/js/plugins/venobox.min.js"></script>
    <script src="assets/js/plugins/aos.min.js"></script>
    <script src="assets/js/plugins/parallax.js"></script>
    <script src="assets/js/plugins/ajax-mail.js"></script>
    <script src="assets/js/plugins/waypoint.js"></script>
    <script src="assets/js/plugins/counter.js"></script> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <script src="static/js/vendor.min.js"></script>
    <script src="static/js/plugins.min.js"></script>

    <!-- Main JS -->
    <script src="static/js/main.js"></script>

</body>

</html>